import './App.css';

import store from "./store/store";
import ReduxCount from "./views/ReduxPage/Count";
import Persion from "./views/ReduxPage/Persion";
import ReactReduxCount from "./views/ReactReduxPage/Count";
import ReactReduxPersion from "./views/ReactReduxPage/Persion";

function App() {
  return (
    <div className="App">
      {/* <div className="redux-wrap">
        <h1>纯Redux版本</h1>
        <ReduxCount store={store}></ReduxCount>
        <hr></hr>
        <Persion store={store}></Persion>
      </div> */}
      <div className="react-redux-wrap">
        <h1>React-Redux版本</h1>
        <ReactReduxCount></ReactReduxCount>
        <hr></hr>
        <ReactReduxPersion></ReactReduxPersion>
      </div>
    </div>
  );
}

export default App;
